<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8"/>
    <title>EasyWeb</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="assets/css/admin.css"/>
    <link rel="stylesheet" href="module/formSelects/formSelects-v4.css"/>
    <!--<link rel="stylesheet" href="assets/css/theme-blue.css"/>--> <!-- 自定义主题，使用EasyWeb主题生成器生成 -->

    <style type="text/css">
        .layui-layout-admin .layui-side {
            background-color:white;
        }

        #sidehead01 {
            padding-left : 70px;
            padding-top : 10px;
            color:black;
        }


    </style>

</head>
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">
                <img src="assets/images/logo.png"/>
                <cite>EasyWeb</cite>
            </div>
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item" lay-unselect>
                    <a id="btnConsole" title="工作台">工作台</a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a id="btnSquare" title="广场">广场</a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a id="btnSearch" title="探索">探索</a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a id="btnHelp" title="帮助">帮助</a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <input type="input" size = "50" />
                </li>
            </ul>

            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item" lay-unselect>
                    <!--<a id="btnMessage" title="消息"><i class="layui-icon layui-icon-notice"></i></a>-->
                    <a id="" title="消息"><b>创建</b></a>
                    <dl class="layui-nav-child">
                        <dd lay-unselect>
                            <a id="">创建项目</a>
                        </dd>
                        <dd lay-unselect>
                            <a id="">创建组织</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a>
                        <img src="assets/images/head.png" class="layui-nav-img">
                        <cite>{{nickName}}</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <!--
                        <dd lay-unselect>
                            <a id="setInfo">个人信息</a>
                        </dd>
                        <dd lay-unselect>
                            <a id="setPsw">修改密码</a>
                        </dd>
                        <hr>
                        -->
                        <dd lay-unselect>
                            <a id="btnLogout">退出</a>
                        </dd>
                    </dl>
                </li>
            </ul>

        </div>

        <div class="layui-side">
            <ul layui-nav>
                <li>&nbsp;</li>
                <li>
                    <img src="assets/images/message.png"/>
                    <ul class="layui-nav layui-layout-right" id = "sidehead01">
                        <li>8888</li>
                        <li>用户名</li>
                    </ul>
                    </li>
                </li>
                <li>&nbsp;</li>
                <li>
                        <button class="layui-btn layui-btn-xs">标签1</button>
                        <button class="layui-btn layui-btn-xs">标签2</button>
                        <button class="layui-btn layui-btn-xs">标签3</button>
                        <button class="layui-btn layui-btn-xs">标签4</button>
                </li>
                <li>&nbsp;</li>
                <li>
                    <table >
                        <tr>
                            <td rowspan="2">
                                <img src="assets/images/message.png"/>
                            </td>
                            <td class="padding:50px;">&nbsp;个人简价</td>
                        </tr>
                        <tr>
                            <td style="word-wrap:break-word;word-break:break-all;">
                                &nbsp;
                                <span>xxxxxxxxxxxxxxxxxxxxxxxxx</span></td>
                        </tr>
                    </table>
                </li>
                <li>&nbsp;</li>
                <li>4444</li>
            </ul>
        </div>
    </div>

<script type="text/javascript" src="assets/libs/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="assets/libs/q.js"></script>
<script type="text/javascript" src="assets/libs/pandyle.min.js"></script>
<script type="text/javascript" src="assets/libs/layui/layui.js"></script>

<script>
    layui.config({
        base: 'module/'
    }).extend({
        //formSelects: 'formSelects/formSelects-v4',
        //treetable: 'treetable-lay/treetable'
    }).use(['config', 'index', 'element'], function () {
        var config = layui.config;
        var index = layui.index;
        var element = layui.element;

        // 检查是否登录
        if (!config.getToken() || config.getToken() == '') {
            
            location.replace('login.html');
            return;
        }

        // 检查多标签功能是否开启
        //index.checkPageTabs();

        // 获取当前用户信息
        index.getUser(function (user) {
            $('.layui-layout-admin .layui-header').vm(user);




            //index.initLeftNav();
            //element.render('nav');
            //index.initRouter();
            //index.bindEvent();
        });

    });
</script>

</body>
</html>